<script setup lang="ts">
import HomeStaffPhotoCarousel from './home-staff-photo-carousel.vue';
import HomeStaffMessageRecord from './home-staff-message-record.vue';
import HomeStaffUtils from './home-staff-utils.vue';
import HomeStaffOther from './home-staff-other.vue';
import HOME_HEAD_BACKGROUND2 from '/@/assets/image/icon/home-head-background2.png';
</script>

<template>
  <scroll-view
    class="home-staff__scroll-view app-page__wrapper"
    :scroll-y="true"
    :lower-threshold="100"
  >
    <view> </view>
    <image class="home-staff__image" :src="HOME_HEAD_BACKGROUND2" />
    <view class="home-staff__wrapper">
      <home-staff-utils class="home-staff__utils-wrapper" />
      <home-staff-message-record />
      <home-staff-other />
      <home-staff-photo-carousel :type="3" />
    </view>
  </scroll-view>
</template>

<style lang="scss">
.home-staff {
  &__scroll-view {
    background-color: #f3f3f3;
  }

  &__wrapper {
    padding: 0 20px 20px;
  }
  &__utils-wrapper {
    margin-top: -100px;
  }
}
</style>
